<!DOCTYPE html> 
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.trans{
				transform: rotateY(180deg);
   				transition: 500ms ;
			}
		</style>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="phone">
			<div class="content">
					<div class="car"></div>
					<div class="ordinary"><img src="img/2.png"/></div>
					<div class="enhancedVersion"><img src="img/4.png"/></div>
			</div>	
			<div class="one">
				<p class="tP">0</p>
				<div class="all tAll">
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
				</div>
			</div>
			
			<div class="two">
				<p class="tP">0</p>
				<div class="all tAll2">
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					<div class="img"><img class="img1" src="img/10.png"/></div>
					
				</div>
			</div>
	</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ordinary.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/enhancedVersion.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>		
	</body>
</html>
